<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>过渡</title>
		<style type="text/css">
		p{
			width: 100px;
			height: 100px;
			background-color: #00FFFF;
		}
		P:hover{
			width: 200px;
			height: 200px;
			background-color: #8B4513;
			transition-delay: 150ms; /* 延迟 */
			transition-duration: 1000ms; /* 渐变 */
			/* -webkit-transition-duration: 1000ms; */
			/* transition-property: background-color; 瞬间变化 */
			transition-timing-function: ease-in;  /* 线性动画 */
		}
		</style>
	</head>
	<body>
		<p></p>
	</body>
</html>
